*{
	margin:0;
	padding:0;
	outline:0;
}
body{
	background-color:#F2F2F2;
}
div.wrapper{
	width:380px;
	margin:80px auto;
}
nav.vertical{
	border-radius:5px;
	border:solid #09C 3px;
	box-shadow:0 0 9px #333;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#FFF;
	font-weight:600;
	text-shadow:0 0 6px #000;
	display:block;
	color:#FF0;
}
nav.vertical ul{
	list-style-type:none;
}
nav.vertical ul li{
	display:block;
}
nav.vertical ul li label{
	background-color:#366;
	box-shadow:0 0 5px #FFF;
	display:block;
	height:45px;
	line-height:45px;
	font-size:25px;
	transition:all .5s ease-in-out;
	cursor:pointer;
}
nav.vertical ul li a{
	color:#FC0;
	font-family:"Comic Sans MS", cursive;
	font-size:16px;
	transition:all 1s ease-out;
	text-decoration:none;
	display:block;
	text-shadow:0 0 5px #000;

}
nav.vertical ul li label:hover{
	background-color:#F93;
	color:#FFF;
	letter-spacing:4.5px;
}
nav.vertical ul li a:hover{
	letter-spacing:3px;
	display:block;
}
nav.vertical ul li label + input{
	visibility:hidden;
	display:none;
}
nav.vertical ul li div{
	overflow:hidden;
	max-height:0;
	transition:all 1s linear;
}
nav.vertical ul li label + input:checked + div{
	max-height:500px;
}
nav.vertical ul li div ul li:hover{
	padding:10px 0 10px 50px;
	background-color:lightblue;
}